/**** Isotope Filtering ****/
.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none; z-index: 1;}

/**** Isotope CSS3 transitions ****/
.isotope,.isotope .isotope-item {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;
 transition-duration: 0.8s;}
.isotope {-webkit-transition-property: height, width;-moz-transition-property: height, width;-ms-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;}

.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;ms-transition-property:     -ms-transform, opacity;-o-transition-property:-o-transform, opacity;transition-property:transform, opacity;}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;-moz-transition-duration: 0s; -ms-transition-duration: 0s;-o-transition-duration: 0s;transition-duration: 0s;}

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}


.element{margin: 5px;float: left;position: relative;margin-bottom:30px;margin-left:30px;padding:0;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-o-box-sizing:border-box;margin-right:10px!important;
box-shadow:0 0 7px #b2b2b2;
}

.element img{width:100%;height:100%}
#container{padding:0 10px;padding-left:0}

.width1.height1 {font-size: 1.0em;width: 100px;height: 100px;z-index: 100;}
.width1.height2 {font-size: 1.0em;width: 100px;height: 200px;z-index: 100;}
.width1.height3 {font-size: 1.0em;width: 100px;height: 300px;z-index: 100;}
.width1.height4 {font-size: 1.0em;width: 100px;height: 400px;z-index: 100;}
.width1.height5 {font-size: 1.0em;width: 100px;height: 500px;z-index: 100;}
.width1.height6 {font-size: 1.0em;width: 100px;height: 600px;z-index: 100;}

.width2.height1 {font-size: 1.0em;width: 200px;height: 100px;z-index: 100;}
.width2.height2 {font-size: 1.0em;width: 200px;height: 200px;z-index: 100;}
.width2.height3 {font-size: 1.0em;width: 200px;height: 300px;z-index: 100;}
.width2.height4 {font-size: 1.0em;width: 200px;height: 400px;z-index: 100;}
.width2.height5 {font-size: 1.0em;width: 200px;height: 500px;z-index: 100;}
.width2.height6 {font-size: 1.0em;width: 200px;height: 600px;z-index: 100;}

.width3.height1 {font-size: 1.0em;width: 300px;height: 100px;z-index: 100;}
.width3.height2 {font-size: 1.0em;width: 300px;height: 200px;z-index: 100;}
.width3.height3 {font-size: 1.0em;width: 300px;height: 300px;z-index: 100;}
.width3.height4 {font-size: 1.0em;width: 300px;height: 400px;z-index: 100;}
.width3.height5 {font-size: 1.0em;width: 300px;height: 500px;z-index: 100;}
.width3.height6 {font-size: 1.0em;width: 300px;height: 600px;z-index: 100;}

.width4.height1 {font-size: 1.0em;width: 400px;height: 100px;z-index: 100;}
.width4.height2 {font-size: 1.0em;width: 400px;height: 200px;z-index: 100;}
.width4.height3 {font-size: 1.0em;width: 400px;height: 300px;z-index: 100;}
.width4.height4 {font-size: 1.0em;width: 400px;height: 400px;z-index: 100;}
.width4.height5 {font-size: 1.0em;width: 400px;height: 500px;z-index: 100;}
.width4.height6 {font-size: 1.0em;width: 400px;height: 600px;z-index: 100;}

.width5.height1 {font-size: 1.0em;width: 500px;height: 100px;z-index: 100;}
.width5.height2 {font-size: 1.0em;width: 500px;height: 200px;z-index: 100;}
.width5.height3 {font-size: 1.0em;width: 500px;height: 300px;z-index: 100;}
.width5.height4 {font-size: 1.0em;width: 500px;height: 400px;z-index: 100;}
.width5.height5 {font-size: 1.0em;width: 500px;height: 500px;z-index: 100;}
.width5.height6 {font-size: 1.0em;width: 500px;height: 600px;z-index: 100;}

.width6.height1 {font-size: 1.0em;width: 600px;height: 100px;z-index: 100;}
.width6.height2 {font-size: 1.0em;width: 600px;height: 200px;z-index: 100;}
.width6.height3 {font-size: 1.0em;width: 600px;height: 300px;z-index: 100;}
.width6.height4 {font-size: 1.0em;width: 600px;height: 400px;z-index: 100;}
.width6.height5 {font-size: 1.0em;width: 600px;height: 500px;z-index: 100;}
.width6.height6 {font-size: 1.0em;width: 600px;height: 600px;z-index: 100;}

/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }






